{% assign icons-count = site.data.icons-info.count %}

<div class="card card-md sticky-top{% if include.class %} {{ include.class }}{% endif %}">
	<div class="card-stamp card-stamp-lg">
		<div class="card-stamp-icon bg-primary">
			{% include ui/icon.html icon="ghost" %}
		</div>
	</div>
	<div class="card-body">
		<div class="row align-items-center">
			<div class="col-10">
				<h3 class="h1">Tabler Icons</h3>
				<div class="markdown text-secondary">
					All icons come from the Tabler Icons set and are MIT-licensed. Visit
					<a href="{{ site.icons.link }}" target="_blank" rel="noopener">tabler-icons.io</a>,
					download any of the {{ icons-count }} icons in SVG, PNG or&nbsp;React and use them in your favourite design tools.
				</div>
				<div class="mt-3">
					<a href="{{ site.icons.link }}" class="btn btn-primary" target="_blank" rel="noopener">
						{% include ui/icon.html icon="download" %}
						Download icons
					</a>
				</div>
			</div>
		</div>
	</div>
</div>